<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>产业链大数据统计系统 </title>
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico"/>
    <link href="assets/css/loader.css" rel="stylesheet" type="text/css"/>
    <script src="assets/js/loader.js"></script>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <!--<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">-->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/plugins.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <link href="plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">
    <link href="assets/css/dashboard/dash_1.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <style>
        .apexcharts-legend.position-bottom.center, .apexcharts-legend.position-top.center {
            justify-content: center;
            width: 400px;
        }

    </style>
</head>
<body>
<!-- BEGIN LOADER -->
<div id="load_screen">
    <div class="loader">
        <div class="loader-content">
            <div class="spinner-grow align-self-center"></div>
        </div>
    </div>
</div>
<!--  END LOADER -->

<!--  BEGIN NAVBAR  -->
<div class="header-container fixed-top">
    <header class="header navbar navbar-expand-sm" style="justify-content: center">

        <ul class="navbar-item theme-brand flex-row  text-center">
            <li class="nav-item theme-logo">
                <a href="show.html">
                    <img src="assets/img/90x90.jpg" class="navbar-logo" alt="logo">
                </a>
            </li>
            <li class="nav-item theme-text">
                <a href="show.html" class="nav-link" style="font-size:36px !important;"> 产业链大数据统计系统 </a>
            </li>
        </ul>


    </header>
</div>
<!--  END NAVBAR  -->

<!--  BEGIN NAVBAR  -->
<div class="sub-header-container">
    <header class="header navbar navbar-expand-sm">
        <a href="javascript:void(0);" class="sidebarCollapse" data-placement="bottom">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                 class="feather feather-menu">
                <line x1="3" y1="12" x2="21" y2="12"></line>
                <line x1="3" y1="6" x2="21" y2="6"></line>
                <line x1="3" y1="18" x2="21" y2="18"></line>
            </svg>
        </a>

        <ul class="navbar-nav flex-row">
            <li>
                <div class="page-header">

                    <nav class="breadcrumb-one" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:void(0);">公共服务平台</a></li>
                            <li class="breadcrumb-item active" aria-current="page"><span>大屏展示</span></li>
                        </ol>
                    </nav>

                </div>
            </li>
        </ul>
    </header>
</div>
<!--  END NAVBAR  -->

<!--  BEGIN MAIN CONTAINER  -->
<div class="main-container" id="container">

    <div class="overlay"></div>
    <div class="search-overlay"></div>

    <!--  BEGIN SIDEBAR  -->
    <div class="sidebar-wrapper sidebar-theme">

        <nav id="sidebar">
            <div class="shadow-bottom"></div>
            <ul class="list-unstyled menu-categories" id="accordionExample">
                <li class="menu">
                    <a href="#dashboard" data-active="true" data-toggle="collapse" aria-expanded="true"
                       class="dropdown-toggle">
                        <div class="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-home">
                                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                <polyline points="9 22 9 12 15 12 15 22"></polyline>
                            </svg>
                            <span>公共服务平台</span>
                        </div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-chevron-right">
                                <polyline points="9 18 15 12 9 6"></polyline>
                            </svg>
                        </div>
                    </a>
                    <ul class="collapse submenu list-unstyled show" id="dashboard" data-parent="#accordionExample">
                        <li class="active">
                            <a href="show.html"> 大屏展示 </a>
                        </li>
                        <li>
                            <a href="indexTable.html"> 表格展示 </a>
                        </li>
                    </ul>
                </li>

                <li class="menu">
                    <a href="#components" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
                        <div class="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-box">
                                <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
                                <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
                                <line x1="12" y1="22.08" x2="12" y2="12"></line>
                            </svg>
                            <span>产业体系</span>
                        </div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-chevron-right">
                                <polyline points="9 18 15 12 9 6"></polyline>
                            </svg>
                        </div>
                    </a>
                    <ul class="collapse submenu list-unstyled" id="components" data-parent="#accordionExample">
                        <li>
                            <a href="show.html"> 高端装备制造 </a>
                        </li>
                        <li>
                            <a href="show.html"> 航天信息 </a>
                        </li>
                        <li>
                            <a href="show.html"> 光电信息 </a>
                        </li>
                        <li>
                            <a href="show.html"> 生物医药产业 </a>
                        </li>
                    </ul>
                </li>

                <li class="menu">
                    <a href="#app" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
                        <div class="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-cpu">
                                <rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect>
                                <rect x="9" y="9" width="6" height="6"></rect>
                                <line x1="9" y1="1" x2="9" y2="4"></line>
                                <line x1="15" y1="1" x2="15" y2="4"></line>
                                <line x1="9" y1="20" x2="9" y2="23"></line>
                                <line x1="15" y1="20" x2="15" y2="23"></line>
                                <line x1="20" y1="9" x2="23" y2="9"></line>
                                <line x1="20" y1="14" x2="23" y2="14"></line>
                                <line x1="1" y1="9" x2="4" y2="9"></line>
                                <line x1="1" y1="14" x2="4" y2="14"></line>
                            </svg>
                            <span>核心产品</span>
                        </div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-chevron-right">
                                <polyline points="9 18 15 12 9 6"></polyline>
                            </svg>
                        </div>
                    </a>
                    <ul class="collapse submenu list-unstyled" id="app" data-parent="#accordionExample">
                        <li>
                            <a href="show.html"> 智能机器 </a>
                        </li>
                        <li>
                            <a href="show.html"> 电子产品 </a>
                        </li>
                        <li>
                            <a href="show.html"> 新能源汽车 </a>
                        </li>
                    </ul>
                </li>

                <li class="menu">
                    <a href="#datatables" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
                        <div class="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-layers">
                                <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
                                <polyline points="2 17 12 22 22 17"></polyline>
                                <polyline points="2 12 12 17 22 12"></polyline>
                            </svg>
                            <span>知识产权</span>
                        </div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-chevron-right">
                                <polyline points="9 18 15 12 9 6"></polyline>
                            </svg>
                        </div>
                    </a>
                    <ul class="collapse submenu list-unstyled" id="datatables" data-parent="#accordionExample">
                        <li class="">
                            <a href="form"> 知识产权统计 </a>
                        </li>
                        <li>
                            <a href="show.html"> 人工智能 </a>
                        </li>
                        <li>
                            <a href="show.html"> 新能源 </a>
                        </li>
                        <li>
                            <a href="show.html"> 安全生产 </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- <div class="shadow-bottom"></div> -->

        </nav>

    </div>
    <!--  END SIDEBAR  -->
    <!--  BEGIN CONTENT AREA  -->
    <div id="content" class="main-content">
        <div class="layout-px-spacing">

            <div class="row layout-top-spacing">

                <div class="col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-chart-one">
                        <div class="widget-heading">
                            <h5 class="">电子设备</h5>
                            <ul class="tabs tab-pills">
                                <li><a href="javascript:void(0);" id="tb_1" class="tabmenu">月份</a></li>
                            </ul>
                        </div>

                        <div class="widget-content">
                            <div class="tabs tab-content">
                                <div id="content_1" class="tabcontent">
                                    <div id="revenueMonthly"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-chart-two">
                        <div class="widget-heading">
                            <h5 class="">知识产权</h5>
                        </div>
                        <div class="widget-content">
                            <div id="chart-2" class=""></div>
                        </div>
                    </div>
                </div>


                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-12 layout-spacing">
                    <div class="widget-two">
                        <div class="widget-content">
                            <div class="w-numeric-value">
                                <div class="w-content">
                                    <span class="w-value">日生产量</span>
                                    <!--<span class="w-numeric-title">Go to columns for details.</span>-->
                                </div>
                                <div>
                                    智能机器
                                    <!--<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dollar-sign"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>-->
                                </div>

                            </div>
                            <div class="w-chart">
                                <div id="daily-sales"></div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-12 layout-spacing">
                    <div class="widget-three">
                        <div class="widget-heading">
                            <h5 class="">利润统计</h5>
                        </div>
                        <div class="widget-content">

                            <div class="order-summary">

                                <div class="summary-list">
                                    <div class="w-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                             stroke-linecap="round" stroke-linejoin="round"
                                             class="feather feather-shopping-bag">
                                            <path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path>
                                            <line x1="3" y1="6" x2="21" y2="6"></line>
                                            <path d="M16 10a4 4 0 0 1-8 0"></path>
                                        </svg>
                                    </div>
                                    <div class="w-summary-details">

                                        <div class="w-summary-info">
                                            <h6>销售</h6>
                                            <p class="summary-count">¥92,60000</p>
                                        </div>

                                        <div class="w-summary-stats">
                                            <div class="progress">
                                                <div class="progress-bar bg-gradient-secondary" role="progressbar"
                                                     style="width: 90%" aria-valuenow="90" aria-valuemin="0"
                                                     aria-valuemax="100"></div>
                                            </div>
                                        </div>

                                    </div>

                                </div>

                                <div class="summary-list">
                                    <div class="w-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                             stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag">
                                            <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path>
                                            <line x1="7" y1="7" x2="7" y2="7"></line>
                                        </svg>
                                    </div>
                                    <div class="w-summary-details">

                                        <div class="w-summary-info">
                                            <h6>利润</h6>
                                            <p class="summary-count">¥37,51500</p>
                                        </div>

                                        <div class="w-summary-stats">
                                            <div class="progress">
                                                <div class="progress-bar bg-gradient-success" role="progressbar"
                                                     style="width: 65%" aria-valuenow="65" aria-valuemin="0"
                                                     aria-valuemax="100"></div>
                                            </div>
                                        </div>

                                    </div>

                                </div>

                                <div class="summary-list">
                                    <div class="w-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                             viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                             stroke-linecap="round" stroke-linejoin="round"
                                             class="feather feather-credit-card">
                                            <rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect>
                                            <line x1="1" y1="10" x2="23" y2="10"></line>
                                        </svg>
                                    </div>
                                    <div class="w-summary-details">

                                        <div class="w-summary-info">
                                            <h6>成本</h6>
                                            <p class="summary-count">¥55,08500</p>
                                        </div>

                                        <div class="w-summary-stats">
                                            <div class="progress">
                                                <div class="progress-bar bg-gradient-warning" role="progressbar"
                                                     style="width: 80%" aria-valuenow="80" aria-valuemin="0"
                                                     aria-valuemax="100"></div>
                                            </div>
                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-12 col-md-6 col-sm-12 col-12 layout-spacing">
                    <div class="widget-one">
                        <div class="widget-content">
                            <div class="w-numeric-value">
                                <div class="w-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                         fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                         stroke-linejoin="round" class="feather feather-shopping-cart">
                                        <circle cx="9" cy="21" r="1"></circle>
                                        <circle cx="20" cy="21" r="1"></circle>
                                        <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
                                    </svg>
                                </div>
                                <div class="w-content">
                                    <span class="w-value">2450</span>
                                    <span class="w-numeric-title">本月总订单数量</span>
                                </div>
                            </div>
                            <div class="w-chart">
                                <div id="total-orders"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--
                                   <div class="col-xl-5 col-lg-12 col-md-6 col-sm-12 col-12 layout-spacing">
                                       <div class="widget widget-table-one">
                                           <div class="widget-heading">
                                               <h5 class="">Transactions</h5>
                                           </div>

                                           <div class="widget-content">
                                               <div class="transactions-list">
                                                   <div class="t-item">
                                                       <div class="t-company-name">
                                                           <div class="t-icon">
                                                               <div class="icon">
                                                                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                                                               </div>
                                                           </div>
                                                           <div class="t-name">
                                                               <h4>Electricity Bill</h4>
                                                               <p class="meta-date">4 Aug 1:00PM</p>
                                                           </div>

                                                       </div>
                                                       <div class="t-rate rate-dec">
                                                           <p><span>-$16.44</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg></p>
                                                       </div>
                                                   </div>
                                               </div>

                                               <div class="transactions-list">
                                                   <div class="t-item">
                                                       <div class="t-company-name">
                                                           <div class="t-icon">
                                                               <div class="avatar avatar-xl">
                                                                   <span class="avatar-title rounded-circle">SP</span>
                                                               </div>
                                                           </div>
                                                           <div class="t-name">
                                                               <h4>Shaun Park</h4>
                                                               <p class="meta-date">4 Aug 1:00PM</p>
                                                           </div>
                                                       </div>
                                                       <div class="t-rate rate-inc">
                                                           <p><span>+$66.44</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg></p>
                                                       </div>
                                                   </div>
                                               </div>

                                               <div class="transactions-list">
                                                   <div class="t-item">
                                                       <div class="t-company-name">
                                                           <div class="t-icon">
                                                               <div class="avatar avatar-xl">
                                                                   <span class="avatar-title rounded-circle">AD</span>
                                                               </div>
                                                           </div>
                                                           <div class="t-name">
                                                               <h4>Amy Diaz</h4>
                                                               <p class="meta-date">4 Aug 1:00PM</p>
                                                           </div>

                                                       </div>
                                                       <div class="t-rate rate-inc">
                                                           <p><span>+$66.44</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg></p>
                                                       </div>
                                                   </div>
                                               </div>

                                               <div class="transactions-list">
                                                   <div class="t-item">
                                                       <div class="t-company-name">
                                                           <div class="t-icon">
                                                               <div class="icon">
                                                                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                                                               </div>
                                                           </div>
                                                           <div class="t-name">
                                                               <h4>Netflix</h4>
                                                               <p class="meta-date">4 Aug 1:00PM</p>
                                                           </div>

                                                       </div>
                                                       <div class="t-rate rate-dec">
                                                           <p><span>-$32.00</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg></p>
                                                       </div>
                                                   </div>
                                               </div>
                                           </div>
                                       </div>
                                   </div>

                                   <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12 layout-spacing">

                                       <div class="widget widget-activity-four">

                                           <div class="widget-heading">
                                               <h5 class="">Recent Activities</h5>
                                           </div>

                                           <div class="widget-content">

                                               <div class="mt-container mx-auto">
                                                   <div class="timeline-line">

                                                       <div class="item-timeline timeline-primary">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p><span>Updated</span> Server Logs</p>
                                                               <span class="badge badge-danger">Pending</span>
                                                               <p class="t-time">Just Now</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline timeline-success">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Send Mail to <a href="javascript:void(0);">HR</a> and <a href="javascript:void(0);">Admin</a></p>
                                                               <span class="badge badge-success">Completed</span>
                                                               <p class="t-time">2 min ago</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline  timeline-danger">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Backup <span>Files EOD</span></p>
                                                               <span class="badge badge-danger">Pending</span>
                                                               <p class="t-time">14:00</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline  timeline-dark">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Collect documents from <a href="javascript:void(0);">Sara</a></p>
                                                               <span class="badge badge-success">Completed</span>
                                                               <p class="t-time">16:00</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline  timeline-warning">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Conference call with <a href="javascript:void(0);">Marketing Manager</a>.</p>
                                                               <span class="badge badge-primary">In progress</span>
                                                               <p class="t-time">17:00</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline  timeline-secondary">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Rebooted Server</p>
                                                               <span class="badge badge-success">Completed</span>
                                                               <p class="t-time">17:00</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline  timeline-warning">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Send contract details to Freelancer</p>
                                                               <span class="badge badge-danger">Pending</span>
                                                               <p class="t-time">18:00</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline  timeline-dark">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Kelly want to increase the time of the project.</p>
                                                               <span class="badge badge-primary">In Progress</span>
                                                               <p class="t-time">19:00</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline  timeline-success">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Server down for maintanence</p>
                                                               <span class="badge badge-success">Completed</span>
                                                               <p class="t-time">19:00</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline  timeline-secondary">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Malicious link detected</p>
                                                               <span class="badge badge-warning">Block</span>
                                                               <p class="t-time">20:00</p>
                                                           </div>
                                                       </div>

                                                       <div class="item-timeline  timeline-warning">
                                                           <div class="t-dot" data-original-title="" title="">
                                                           </div>
                                                           <div class="t-text">
                                                               <p>Rebooted Server</p>
                                                               <span class="badge badge-success">Completed</span>
                                                               <p class="t-time">23:00</p>
                                                           </div>
                                                       </div>

                                                   </div>
                                               </div>

                                               <div class="tm-action-btn">
                                                   <button class="btn">View All <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
                                               </div>
                                           </div>
                                       </div>
                                   </div>

                                   <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 layout-spacing">

                                       <div class="widget widget-account-invoice-one">

                                           <div class="widget-heading">
                                               <h5 class="">Account Info</h5>
                                           </div>

                                           <div class="widget-content">
                                               <div class="invoice-box">

                                                   <div class="acc-total-info">
                                                       <h5>Balance</h5>
                                                       <p class="acc-amount">$470</p>
                                                   </div>

                                                   <div class="inv-detail">
                                                       <div class="info-detail-1">
                                                           <p>Monthly Plan</p>
                                                           <p>$ 199.0</p>
                                                       </div>
                                                       <div class="info-detail-2">
                                                           <p>Taxes</p>
                                                           <p>$ 17.82</p>
                                                       </div>
                                                       <div class="info-detail-3 info-sub">
                                                           <div class="info-detail">
                                                               <p>Extras this month</p>
                                                               <p>$ -0.68</p>
                                                           </div>
                                                           <div class="info-detail-sub">
                                                               <p>Netflix Yearly Subscription</p>
                                                               <p>$ 0</p>
                                                           </div>
                                                           <div class="info-detail-sub">
                                                               <p>Others</p>
                                                               <p>$ -0.68</p>
                                                           </div>
                                                       </div>
                                                   </div>

                                                   <div class="inv-action">
                                                       <a href="" class="btn btn-dark">Summary</a>
                                                       <a href="" class="btn btn-danger">Transfer</a>
                                                   </div>
                                               </div>
                                           </div>

                                       </div>
                                   </div>

                                   -->

                <!--

                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-table-two">

                        <div class="widget-heading">
                            <h5 class="">最新订单</h5>
                        </div>

                        <div class="widget-content">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th><div class="th-content">产品</div></th>
                                            <th><div class="th-content">产品编号</div></th>
                                            <th><div class="th-content th-heading">价格</div></th>
                                            <th><div class="th-content">订单状态</div></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><div class="td-content customer-name"><img src="assets/img/90x90.jpg" alt="avatar">Andy King</div></td>
                                            <td><div class="td-content product-brand">Nike Sport</div></td>
                                            <td><div class="td-content">#76894</div></td>
                                            <td><div class="td-content pricing"><span class="">$88.00</span></div></td>
                                            <td><div class="td-content"><span class="badge outline-badge-primary">Shipped</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content customer-name"><img src="assets/img/90x90.jpg" alt="avatar">Irene Collins</div></td>
                                            <td><div class="td-content product-brand">Speakers</div></td>
                                            <td><div class="td-content">#75844</div></td>
                                            <td><div class="td-content pricing"><span class="">$84.00</span></div></td>
                                            <td><div class="td-content"><span class="badge outline-badge-success">Paid</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content customer-name"><img src="assets/img/90x90.jpg" alt="avatar">Laurie Fox</div></td>
                                            <td><div class="td-content product-brand">Camera</div></td>
                                            <td><div class="td-content">#66894</div></td>
                                            <td><div class="td-content pricing"><span class="">$126.04</span></div></td>
                                            <td><div class="td-content"><span class="badge outline-badge-danger">Pending</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content customer-name"><img src="assets/img/90x90.jpg" alt="avatar">Luke Ivory</div></td>
                                            <td><div class="td-content product-brand">Headphone</div></td>
                                            <td><div class="td-content">#46894</div></td>
                                            <td><div class="td-content pricing"><span class="">$56.07</span></div></td>
                                            <td><div class="td-content"><span class="badge outline-badge-success">Paid</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content customer-name"><img src="assets/img/90x90.jpg" alt="avatar">Ryan Collins</div></td>
                                            <td><div class="td-content product-brand">Sport</div></td>
                                            <td><div class="td-content">#89891</div></td>
                                            <td><div class="td-content pricing"><span class="">$108.09</span></div></td>
                                            <td><div class="td-content"><span class="badge outline-badge-primary">Shipped</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content customer-name"><img src="assets/img/90x90.jpg" alt="avatar">Nia Hillyer</div></td>
                                            <td><div class="td-content product-brand">Sunglasses</div></td>
                                            <td><div class="td-content">#26974</div></td>
                                            <td><div class="td-content pricing"><span class="">$168.09</span></div></td>
                                            <td><div class="td-content"><span class="badge outline-badge-primary">Shipped</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content customer-name"><img src="assets/img/90x90.jpg" alt="avatar">Sonia Shaw</div></td>
                                            <td><div class="td-content product-brand">Watch</div></td>
                                            <td><div class="td-content">#76844</div></td>
                                            <td><div class="td-content pricing"><span class="">$110.00</span></div></td>
                                            <td><div class="td-content"><span class="badge outline-badge-success">Paid</span></div></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-table-three">

                        <div class="widget-heading">
                            <h5 class="">Top Selling Product</h5>
                        </div>

                        <div class="widget-content">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th><div class="th-content">Product</div></th>
                                            <th><div class="th-content th-heading">Price</div></th>
                                            <th><div class="th-content th-heading">Discount</div></th>
                                            <th><div class="th-content">Sold</div></th>
                                            <th><div class="th-content">Source</div></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">Speakers</div></td>
                                            <td><div class="td-content"><span class="pricing">$84.00</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">$10.00</span></div></td>
                                            <td><div class="td-content">240</div></td>
                                            <td><div class="td-content"><a href="javascript:void(0);" class="">Direct</a></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">Sunglasses</div></td>
                                            <td><div class="td-content"><span class="pricing">$56.07</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">$5.07</span></div></td>
                                            <td><div class="td-content">190</div></td>
                                            <td><div class="td-content"><a href="javascript:void(0);" class="">Google</a></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">Watch</div></td>
                                            <td><div class="td-content"><span class="pricing">$88.00</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">$20.00</span></div></td>
                                            <td><div class="td-content">66</div></td>
                                            <td><div class="td-content"><a href="javascript:void(0);" class="">Ads</a></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">Laptop</div></td>
                                            <td><div class="td-content"><span class="pricing">$110.00</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">$33.00</span></div></td>
                                            <td><div class="td-content">35</div></td>
                                            <td><div class="td-content"><a href="javascript:void(0);" class="">Email</a></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">Camera</div></td>
                                            <td><div class="td-content"><span class="pricing">$126.04</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">$26.04</span></div></td>
                                            <td><div class="td-content">30</div></td>
                                            <td><div class="td-content"><a href="javascript:void(0);" class="">Referral</a></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">Shoes</div></td>
                                            <td><div class="td-content"><span class="pricing">$108.09</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">$47.09</span></div></td>
                                            <td><div class="td-content">130</div></td>
                                            <td><div class="td-content"><a href="javascript:void(0);" class="">Google</a></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">Headphone</div></td>
                                            <td><div class="td-content"><span class="pricing">$168.09</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">$60.09</span></div></td>
                                            <td><div class="td-content">170</div></td>
                                            <td><div class="td-content"><a href="javascript:void(0);" class="">Ads</a></div></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                -->
            </div>

        </div>
        <!--<div class="footer-wrapper">
            <div class="footer-section f-section-1">
                <p class="">Copyright © 2020 <a target="_blank" href="https://designreset.com">DesignReset</a>, All
                    Rights <a href="http://www.bootstrapmb.com/">Reserved</a>.</p>
            </div>
            <div class="footer-section f-section-2">
                <p class="">Coded with
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                         stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                         class="feather feather-heart">
                        <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                    </svg>
                </p>
            </div>
        </div>-->
    </div>
    <!--  END CONTENT AREA  -->

</div>
<!-- END MAIN CONTAINER -->

<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
<script src="assets/js/libs/jquery-3.1.1.min.js"></script>
<script src="bootstrap/js/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="assets/js/app.js"></script>
<script>
    $(document).ready(function () {
        //App.init();

        var options = {
            chart: {
                type: 'donut',
                width: 380
            },
            colors: ['#5c1ac3', '#e2a03f', '#e7515a', '#e2a03f'],
            dataLabels: {
                enabled: false
            },
            legend: {
                position: 'bottom',
                horizontalAlign: 'center',
                fontSize: '14px',
                markers: {
                    width: 10,
                    height: 10,
                },
                itemMargin: {
                    horizontal: 0,
                    vertical: 8
                }
            },
            plotOptions: {
                pie: {
                    donut: {
                        size: '65%',
                        background: 'transparent',
                        labels: {
                            show: true,
                            name: {
                                show: true,
                                fontSize: '20px',
                                fontFamily: 'Nunito, sans-serif',
                                color: undefined,
                                offsetY: -10
                            },
                            value: {
                                show: true,
                                fontSize: '26px',
                                fontFamily: 'Nunito, sans-serif',
                                color: '#bfc9d4',
                                offsetY: 16,
                                formatter: function (val) {
                                    return val
                                }
                            },
                            total: {
                                show: true,
                                showAlways: true,
                                label: '总计',
                                color: '#888ea8',
                                formatter: function (w) {
                                    return w.globals.seriesTotals.reduce( function(a, b) {
                                        return a + b
                                    }, 0)
                                }
                            }
                        }
                    }
                }
            },
            stroke: {
                show: true,
                width: 25,
                colors: '#0e1726'
            },
            series: [1985, 16200, 5900],
            labels: ['专利权', '著作权', '发表论文', '商标权', '其他'],
            responsive: [{
                breakpoint: 1599,
                options: {
                    chart: {
                        width: '350px',
                        height: '400px'
                    },
                    legend: {
                        position: 'bottom'
                    }
                },

                breakpoint: 1439,
                options: {
                    chart: {
                        width: '250px',
                        height: '390px'
                    },
                    legend: {
                        position: 'bottom'
                    },
                    plotOptions: {
                        pie: {
                            donut: {
                                size: '65%',
                            }
                        }
                    }
                },
            }]
        }

        getInfo();

        // var chart1 = new ApexCharts(
        //     document.querySelector("#revenueMonthly"),
        //     options1
        // );
        //
        // chart1.render();

        //setTimeout(changeZoom,500);
        window.onresize = function(){
            changeZoom();
        }
        changeZoom();
        //setTimeout(changeZoom(2),2000);
        /*$(window).resize(function(){
            changeZoom();
        })*/
        var event = new Event('resize')
        window.dispatchEvent(event);
    });

    function getInfo(){
        $.ajax({
            url:'/chyl/knowledgeInfo',
            //url:'/knowledgeInfo',
            type:'POST',
            dataType:'json',
            success:function(data){
                if(data.notice){
                    options.series = data.entity;
                    var chart = new ApexCharts(
                        document.querySelector("#chart-2"),
                        options
                    );
                    chart.render();
                }else{
                    alert(data.message);
                }
            }
        })

    }

    function changeZoom(){
        let zoom = $("body").css("zoom");
        console.log("原来的zoom:" +zoom);
        if(zoom == null || zoom == ''  || zoom == undefined){
            zoom = 1;
        }
        console.log("最终的zoom:" + zoom);
        let scrollWidth = document.body.scrollWidth;
        let scrollHeight = document.body.scrollHeight;
        let offsetWidth = document.body.offsetWidth;
        let offsetHeight = document.body.offsetHeight;
        console.log("scrollWidth:" + scrollWidth + ";offsetWidth:" +offsetWidth);
        let reallyWidth = offsetWidth * zoom;
        console.log("reallyWidth:" +reallyWidth);
        if(reallyWidth > 2300){
            $("body").css("zoom", 2);
        }else{
            $("body").css("zoom", 1);
        }
    }

</script>
<script src="assets/js/custom.js"></script>
<!-- END GLOBAL MANDATORY SCRIPTS -->

<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
<script src="plugins/apex/apexcharts.min.js"></script>
<script src="assets/js/dashboard/dash_1.js"></script>
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->

</body>
</html>